@media screen and (max-width: 850px) {
.a_menu{
    display: inherit;
  }

  main{
    transition: all 0.3s;
    width: 100%;

     .userinfo {
    flex-direction: column;

    .left {
      width: 100%;
      position: relative;
      padding: 20px 0;
    }

    .right {
      width: 100%;
      padding: 20px 10px;
      .item{
        width: 100%;
        justify-content: center;
      }
    }

    .theme {
      position: absolute;
      top: 65px;
      right: 80px;
      width: 10%;
    }
  }
  }

  aside{
    transition: all 0.3s;
    position: absolute;
    transform: translateX(-200px);
    z-index: 100;
    width: 0;
    visibility: hidden;
  }
  aside.show{
    width: 200px;
    position: absolute;
    visibility: visible;
    transform: translateX(0);
  }
  main.show{
    width: 100%;
  }

}

